.my{
    width: 100%;
    height: 100%;
    background: #e7e0e0;
    .head{
        width: 100%;
        height: 20%;
        background: rgb(233, 182, 55);
        display: flex;
        align-items: center;
        color: #fff;
        img{
            width: .7rem;
            height: .7rem;
            margin: 0 .3rem;
            border-radius: 50%;
        }
        .right{
            display: flex;
            flex-direction: column;
            flex: 1;
        }
    }
    .list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        div:nth-child(1){
            color: dodgerblue;
            span{
                svg{
                    color: dodgerblue;
                }
            }
        }
        div:nth-child(2){
            color: dodgerblue;
            span{
                svg{
                    color: dodgerblue;
                }
            }
        }
        >div{
            width: 33%;
            height: 1.1rem;
            background: #fff;
            margin: .01rem 0;
            padding: .18rem 0;
            span{
                .info{
                    border: none;
                    outline: none;
                    color: #333;
                }
            }
            span:nth-child(1){
                display: block;
                margin: .04rem 0;
                svg{
                    width: .28rem;
                    height: .28rem;
                }
            }
        }
        
    }
    .btn{
        width: 98%;
        height: .4rem;
        background: rgb(253, 251, 251);
        outline: none;
        border: none;
        margin: .05rem auto;
        display: block;
    }
    .mask{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 45%;
        height: 18%;
        background:rgb(117, 115, 115);
        border-radius: .1rem;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        svg{
            width: .25rem;
            height: .25rem;
        }
    }

}